Добавления водяных знаков на PDF и изображения

<p>Добрый день.
Нужен скрипт на js для добавления водяных знаков на PDF и картинки всех форматов (png, jpg, webp и тд).
Вот пример функционала, там только работа с <b>PDF</b>, но этот скрипт и инпут должен принимать и работать также с <b>картинками</b>:
https://www.ilovepdf.com/pdf_add_watermark

Как должно работать:
Все тексты на английском
1. Открываем итоговый html файл в браузере в нем только инпут для выбора файла. 
2. Далее:
- загружен пдф выбираем первый лист если литов больше чем 2, то выводим первые 2 листа как превью.
- выбрана картинка, то картинка и есть превью (должна отображаться на превью не зависимо от размера!)
3. Далее <b>ПОД превью</b>  появляется блок с настройками водяного знака с двумя вкладками для добавления водяного знака в виде <b>текста </b>и <b>картинки</b>, с аналогичным функционалом.
Если выбран не пдф, а изображение, то полей Pages и Layer не будет.

Единственное отличие - вместо точек на превью хорошо бы видеть реальный текст или картинку, как в итоговом варианте будет добавлено.
4. Все должно быть адаптивным и не плыть при уменьшении страницы.
5. Возможность вернуться к инпуту для выбора другого файла (кнопка крестик или корзина).

Тз обсуждается, можно что-то упрощать, для коррекции стоимости.
Предпочтение отдается лучшей цене, проект не большой без размещений на серверах, баз данных и тд.</p><p>
Результат:
Архив с файлом html, css и нужные js файлы, можно подключать библиотеки (для pdf точно нужна), но они должны быть 1 файлом и входить в итоговый архив. Работать все должно без интернета, автономно.</p>